.tbaScrollBarRoot{
  position: relative;
}

/*x*/

.tbaScrollBarWrap{
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 20px;
  background: rgba($color: #000000, $alpha: 0.5);
  border-radius: 10px;
}

.tbaScrollBarItem{
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 20px;
  background: rgba($color: #000000, $alpha: 0.8);
  border-radius: 10px;
  user-select: none; // 拖动的时候不出现禁止图标
}

/*y*/

.tbaScrollBarWrapY{
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 20px;
  background: rgba($color: #000000, $alpha: 0.5);
  border-radius: 10px;
}

.tbaScrollBarItemY{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  background: rgba($color: #000000, $alpha: 0.8);
  border-radius: 10px;
  user-select: none; // 拖动的时候不出现禁止图标
}

